.mhy-main-page {
  .home-scroll-tab {
    background: #1f2233;
  }
}
.mhy-scroll-tab{
  position: relative;
  display: flex;
  .scroll-tab-wrapper{
    flex: 1;
    // overflow: hidden;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  ul{
    width: fit-content;
    position: relative;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    .scroll-tab-item{
      padding: 12px;
      display: inline-block;
      vertical-align: top;
      transition: font-size .1s ease;
      font-weight: 600;
      &.active{
        font-size: 20px;
        line-height: 12px;
        span {
          position: relative;
          &::before{
            content: " ";
            position: absolute;
            bottom: 1px;
            height: 4px;
            background-color: #ffe14c;
            border-radius: 20px;
          }
        }
        &.short-text{
          span {
            &::before {
              left: 5px;
              right: 5px;
            }
          }
        }
      }
    }
  }
}